<style>
    .draftColor {
        color:red;
    }
    .confirmColor{
        color:blue;
    }
    .closedColor{
        color:grey;
    }
</style>
<div class="box border blue">
    <div class="box-title">
        <h4><i class="fa fa-table"></i>好友日程列表信息展示</h4>
    </div>
    <div ng-show="userClipListShowFlag" class="box-body" style="overflow: auto;height: 540px">
        <table class="table table-hover">
            <thead>
            <tr>
                <th>序号</th>
                <th>内容</th>
                <th>开始时间</th>
                <th>结束时间</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="item in userClipListFilter|filter:inputClipName" class="{{BookClipListCheck(item.status,item.bookerId)}}">
                <td ng-bind="$index+1"></td>
                <td ng-bind="item.name"></td>
                <td ng-bind="TimeShow(item.startTime)"></td>
                <td ng-bind="TimeShow(item.endTime)"></td>
            </tr>
            </tbody>
        </table>
    </div>
    <div ng-show="!userClipListShowFlag" class="box-body">
        <h4>该好友并没有授予您管理其日程的权限</h4>
    </div>
</div>